<template>
    <div class="left">
            <ul>
                <li>
                    <i class="icon iconfont icon-shouye"></i>
                    <span>首页</span>
                </li>
                <li>
                    <i class="icon iconfont icon-shipin"></i>
                    <span>食品</span>
                </li>
                <li>
                    <i class="icon iconfont icon-fl-tupian"></i>
                    <span>图片</span>
                </li>
                <li>
                    <i class="icon iconfont icon-jiezhang"></i>
                    <span>结账</span>
                </li>
                <li>
                    <i class="icon iconfont icon-huiyuan1"></i>
                    <span>会员</span>
                </li>
            </ul>
    </div>
</template>

<script>
export default {
  name: 'LeftNav',
  
}
</script>

<style>
.left{
    background-color: aqua;
    float: left;
    font-size: 12px;
    height: 100%;
    width: 5%;
    text-align: center;
}
.left ul{
    margin: 0px;
    padding: 0px;
}
.left li{
    list-style: none;
    border-bottom: 1px solid lightblue;
    padding:10px;
}
.iconfont{
    font-size: 40px;
} 
</style>